<style>
    .layui-form-item {
        margin-bottom: 5px;
    }

    .layuimini-detail .layui-form-label {
        width: 100px;
    }

    .layui-form-item .layui-input-company {
        width: auto;
        padding-right: 10px;
        line-height: 38px;
    }
</style>
<div class=" layuimini-page-anim layui-bg-white layuimini-detail">
    <div class="layuimini-main">
        <div class="layui-form layui-bg-gray pl-4">
            <div class="layui-form-item">
                <label class="layui-form-label">设备名称</label>
                <div class="layui-form-mid layui-word-aux">25707874696</div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">设备编码</label>
                <div class="layui-form-mid layui-word-aux">25707874696</div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">设备DID</label>
                <div class="layui-form-mid layui-word-aux">7234918410176475136</div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">设备类型</label>
                <div class="layui-form-mid layui-word-aux">设备类型/设备/物联设备/EMP工牌/</div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">设备电量</label>
                <div class="layui-form-mid layui-word-aux">49%</div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">设备状态</label>
                <div class="layui-form-mid layui-word-aux">在线</div>
            </div>
        </div>
        <div class="layui-form layui-bg-gray pl-4 mt-4">
            <div class="layui-form-item">
                <label class="layui-form-label">设备sim卡号</label>
                <div class="layui-form-mid layui-word-aux">898608361924D2493195</div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">流量激活时间</label>
                <div class="layui-form-mid layui-word-aux">2025-06-30 14:06:17</div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">流量有效期</label>
                <div class="layui-form-mid layui-word-aux">2025-06-30 14:06:21</div>
            </div>
        </div>




        <div class="layui-form mt-4">
            <div class="layui-form-item">
                <div class=" w100">
                    <input type="text" name="datePeriodStart" autocomplete="off" id="date_period" class="layui-input w100"
                        placeholder="选择日期">
                </div>
            </div>



            <div class="layui-form-item">
                <label class="layui-form-label" style="width: 140px;">最后一次点位上报时间</label>
                <div class="layui-form-mid layui-word-aux">2025-06-30 14:08:16</div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">覆盖情况</label>
                <div class="layui-form-mid layui-word-aux">
                    <button class="layui-btn layui-btn-primary layui-border-green layui-btn-sm">游商打击队</button>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    layui.use(['form'], function () {
        var form = layui.form,
            laydate = layui.laydate,
            layer = layui.layer;

        // 日期
        laydate.render({
        elem: '#date_period', // 绑定元素
        type: 'date', // 日期模式，可选：year/month/date/datetime 等
        format: 'yyyy-MM-dd', // 日期格式
        closeStop: '#date_period', // 点击输入框不关闭面板
        done: function (value, date) {
            console.log('选中的日期:', value); // 输出格式如：2025-07-01
            console.log('日期对象:', date); // 包含 year、month、date 等信息
            // 可在此处执行其他操作，例如请求数据等
        }
        
    });

    });
</script>